/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
  Image,
  StyleSheet,
} from 'react-native';

export default class MyComponent extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Image
          source = {{uri:this.props.cover}}
          style = {styles.imageStyle}
        />
        <Text style = {styles.titleStyle}>
          {this.props.name}
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    justifyContent:'center',
    alignItems:'center',
    marginLeft:38,
    marginTop:12,
  },
  imageStyle:{
    width:45,
    height:45,
  },
  titleStyle:{
    marginTop:6,
    color:'rgb(177,177,177)',
    fontSize:10,
  },
});
